<template>
  <div class="containter">
    <div class="step">
      <ol class="titt">
        <el-badge
          :value="item.num"
          :max="99"
          :hidden="item.num == 0"
          class="item tittItem"
          v-for="(item, index) in list"
          :key="index"
        >
          <el-button
            class="button"
            size="mini"
            :class="activeIndex == item.id?'cur':''"
            :disabled="item.num == 0"
            @click="goAssignBlock('panelRef'+ item.id,100,item.id)"
          >{{item.text}}</el-button>
        </el-badge>
      </ol>
    </div>
    <div
      v-if="false"
      ref="panelRef0"
      class="basicInfo"
    >
      <p class="title"><span>纳税资质</span></p>
      <el-table
        :data="qualificationData"
        style="width: 100%"
        v-loading='loadingQualification'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          prop="qymc"
          label="企业名称"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="shtyxydm"
          label="纳税人识别号"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="taxType"
          label="纳税人资质"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="startDate"
          label="发证日期"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="endDate"
          label="到期日期"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="taxAuthority"
          label="税务机关"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <!-- A级纳税人 -->
    <div
      ref="panelRefajnsr"
      class="basicInfo"
    >
      <p class="title"><span>A级纳税人</span><span
          @click="handelCheckTaxA"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="taxData"
        style="width: 100%"
        v-loading='loading1'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="XYDJ"
          label="纳税信用等级"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="PDSJ"
          label="评价年度"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <el-dialog
      title="A级纳税人记录"
      :visible.sync="dialogVisible1"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="taxMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(pagination1.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="XYDJ"
          label="纳税信用等级"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="PDSJ"
          label="评价年度"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='pagination1.page'
          :total="pagination1.total"
          @current-change='aLevelChange'
        ></el-pagination></div>
    </el-dialog>
    <!-- 增值税信息 -->
    <div
      v-if="false"
      ref="panelRefzzsxx"
      class="basicInfo"
    >
      <p class="title"><span>增值税信息</span><span
          @click="handelCheckZzs"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="zzsData"
        style="width: 100%"
        v-loading='loadingZzs'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="zzsynse"
          label="应纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.zzsynse) }}</span>
              <span v-show="!isTm">{{ scope.row.zzsynse }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="zzssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.zzssjse) }}</span>
              <span v-show="!isTm">{{ scope.row.zzssjse }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="zjyczcjsrq"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <el-dialog
      title="增值税信息"
      :visible.sync="dialogVisibleZzs"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="zzsMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationZzs.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="zzsynse"
          label="应纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.zzsynse) }}</span>
              <span v-show="!isTm">{{ scope.row.zzsynse }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="zzssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.zzssjse) }}</span>
              <span v-show="!isTm">{{ scope.row.zzssjse }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="zjyczcjsrq"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationZzs.page'
          :total="paginationZzs.total"
          @current-change='handelZzsChange'
        ></el-pagination></div>
    </el-dialog>
    <!-- 企业所得税信息 -->
    <div
      v-if="false"
      ref="panelRefqysdsxx"
      class="basicInfo"
    >
      <p class="title"><span>企业所得税信息</span><span
          @click="handelCheckSds"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="sdsData"
        style="width: 100%"
        v-loading='loading1'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qysdsynse"
          label="应纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.qysdsynse) }}</span>
              <span v-show="!isTm">{{ scope.row.qysdsynse }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="qysdssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.qysdssjse) }}</span>
              <span v-show="!isTm">{{ scope.row.qysdssjse }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="zjyczcjsrq"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <el-dialog
      title="企业所得税信息"
      :visible.sync="dialogVisibleSds"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="sdsMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationSds.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="qysdsynse"
          label="应纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.qysdsynse) }}</span>
              <span v-show="!isTm">{{ scope.row.qysdsynse }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="qysdssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.qysdssjse) }}</span>
              <span v-show="!isTm">{{ scope.row.qysdssjse }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="zjyczcjsrq"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationSds.page'
          :total="paginationSds.total"
          @current-change='handelSdsChange'
        ></el-pagination></div>
    </el-dialog>

     <!-- 私营企业增值税 -->
     <div
      ref="panelRefsyqyzzs"
      class="basicInfo"
    >
      <p class="title"><span>私营企业增值税</span><span
          @click="handelCheckSyqyzzs"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="syqyzzsData"
        style="width: 100%"
        v-loading='loadingSyqyzzs'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qysdssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <!-- 私营企业增值税dialog -->
    <el-dialog
      title="私营企业增值税"
      :visible.sync="dialogVisibleSyqyzzs"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="syqyzzsMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationSyqyzzs.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="amt"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationSyqyzzs.page'
          :total="paginationSyqyzzs.total"
          @current-change='handelSyqyzzsChange'
        ></el-pagination></div>
    </el-dialog>

     <!-- 私营企业所得税 -->
     <div
      ref="panelRefsyqyzsds"
      class="basicInfo"
    >
      <p class="title"><span>私营企业所得税</span><span
          @click="handelCheckSyqysds"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="syqysdsData"
        style="width: 100%"
        v-loading='loadingSyqysds'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qysdssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <!-- 私营企业所得税dialog -->
    <el-dialog
      title="私营企业所得税"
      :visible.sync="dialogVisibleSyqysds"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="syqysdsMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationSyqysds.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="amt"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationSyqysds.page'
          :total="paginationSyqysds.total"
          @current-change='handelSyqysdsChange'
        ></el-pagination></div>
    </el-dialog>

     <!-- 股份制企业增值税 -->
     <div
      ref="panelRefgfzqyzzs"
      class="basicInfo"
    >
      <p class="title"><span>股份制企业增值税</span><span
          @click="handelCheckGfzqyzzs"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="gfzqyzzsData"
        style="width: 100%"
        v-loading='loadingGfzqyzzs'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qysdssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <!-- 股份制企业增值税dialog -->
    <el-dialog
      title="股份制企业增值税"
      :visible.sync="dialogVisibleGfzqyzzs"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="gfzqyzzsMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationGfzqyzzs.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="amt"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationGfzqyzzs.page'
          :total="paginationGfzqyzzs.total"
          @current-change='handelGfzqyzzsChange'
        ></el-pagination></div>
    </el-dialog>
    <!-- 其他增值税 -->
    <div
      ref="panelRefqtzzs"
      class="basicInfo"
    >
      <p class="title"><span>其他增值税</span><span
          @click="handelCheckQtzzs"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="qtzzsData"
        style="width: 100%"
        v-loading='loadingQtzzs'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qysdssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <!-- 其他增值税dialog -->
    <el-dialog
      title="其他增值税"
      :visible.sync="dialogVisibleQtzzs"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="qtzzsMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationQtzzs.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="amt"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationQtzzs.page'
          :total="paginationQtzzs.total"
          @current-change='handelQtzzsChange'
        ></el-pagination></div>
    </el-dialog>
    <!-- 其他股份制企业所得税 -->
    <div
      ref="panelRefqtgfzqysds"
      class="basicInfo"
    >
      <p class="title"><span>其他股份制企业所得税</span><span
          @click="handelCheckQtgfzqysds"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="qtgfzqysdsData"
        style="width: 100%"
        v-loading='loadingQtgfzqysds'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qysdssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <!-- 其他股份制企业所得税dialog -->
    <el-dialog
      title="其他股份制企业所得税"
      :visible.sync="dialogVisibleQtgfzqysds"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="qtgfzqysdsMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationQtgfzqysds.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="amt"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationQtgfzqysds.page'
          :total="paginationQtgfzqysds.total"
          @current-change='handelQtgfzqysdsChange'
        ></el-pagination></div>
    </el-dialog>
    <!-- 出口货物退增值税 -->
    <div
      ref="panelRefckhwtzzs"
      class="basicInfo"
    >
      <p class="title"><span>出口货物退增值税</span><span
          @click="handelCheckCkhwtzzs"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="ckhwtzzsData"
        style="width: 100%"
        v-loading='loadingCkhwtzzs'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qysdssjse"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <!-- 出口货物退增值税 -->
    <el-dialog
      title="出口货物退增值税"
      :visible.sync="dialogVisibleCkhwtzzs"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="ckhwtzzsMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationCkhwtzzs.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="amt"
          label="实纳税额"
          align="center"
        >
        <template slot-scope="scope">
              <span v-show="isTm">{{ deseHandler(scope.row.amt) }}</span>
              <span v-show="!isTm">{{ scope.row.amt }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="rkrqYm"
          label="纳税日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationCkhwtzzs.page'
          :total="paginationCkhwtzzs.total"
          @current-change='handelCkhwtzzsChange'
        ></el-pagination></div>
    </el-dialog>
    <!-- <div ref="panelRef2" class="basicInfo">
            <p class="title"><span>重大税收违法信息</span><span @click="handelCheckIllegalInfo" class="glqy">查看更多信息>></span></p>
            <el-table :data="zdData" style="width: 100%" v-loading='loading2' max-height="240" :header-cell-style="{background:'#f2f9fe'}">
                <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
                <el-table-column prop="caseType" label="案件性质"  align="center"></el-table-column>
                <el-table-column prop="punishGist" label="处罚情况"  width="300" show-overflow-tooltip  align="center"></el-table-column>
                <el-table-column prop="storageTime" label="发布日期"  align="center"></el-table-column>
            </el-table>
        </div> -->
    <el-dialog
      title="重大税收违法信息"
      :visible.sync="dialogVisible2"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="zdMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(pagination2.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="caseType"
          label="案件性质"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="punishGist"
          label="处罚情况"
          width="300"
          show-overflow-tooltip
          align="center"
        ></el-table-column>
        <el-table-column
          prop="storageTime"
          label="发布日期"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='pagination2.page'
          :total="pagination2.total"
          @current-change='zdTaxChange'
        ></el-pagination></div>
    </el-dialog>
    <div
      v-if="false"
      ref="panelRef3"
      class="basicInfo"
    >
      <p class="title"><span>欠税信息</span><span
          @click="handelCheckOwing"
          class="glqy"
        >查看更多信息>></span></p>
      <el-table
        :data="owingData"
        style="width: 100%"
        v-loading='loadingOwing'
        max-height="240"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qssz"
          label="欠税税种"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qsje"
          label="欠税金额"
          align="center"
        >
          <template slot-scope="scope">
            <span v-show="isTm">{{deseHandler(scope.row.qsje)}}</span>
            <span v-show="!isTm">{{scope.row.qsje}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="qsjessqssj"
          label="欠税金额所属起始时间"
          align="center"
        ></el-table-column>
      </el-table>
    </div>
    <el-dialog
      title="欠税信息"
      :visible.sync="dialogVisibleOwing"
      width="50%"
      custom-class="dialog"
    >
      <el-table
        :data="owingMoreData"
        style="width: 100%"
        :header-cell-style="{background:'#f2f9fe'}"
      >
        <el-table-column
          type="index"
          label="序号"
          width="100"
          align="center"
        >
          <template slot-scope="scope">
            <span>{{(paginationOwing.page - 1) * 10 + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="qssz"
          label="欠税税种"
          align="center"
        ></el-table-column>
        <el-table-column
          prop="qsje"
          label="欠税金额"
          align="center"
        >
          <template slot-scope="scope">
            <span v-show="isTm">{{deseHandler(scope.row.qsje)}}</span>
            <span v-show="!isTm">{{scope.row.qsje}}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="qsjessqssj"
          label="欠税金额所属起始时间"
          align="center"
        ></el-table-column>
      </el-table>
      <div class="pagination"><el-pagination
          layout="prev, pager, next"
          background
          :current-page.sync='paginationOwing.page'
          :total="paginationOwing.total"
          @current-change='owingChange'
        ></el-pagination></div>
    </el-dialog>
  </div>
</template>

<script>
import { nszz, payTaxes, taxIllegal, qsxx,getAdministrative,getQysdsinfo,getSyqyzzs,getSyqysds,getGfzqyzzs,getQtzzs,getQtgfzqysds,getCkhwtzzs } from '@/api/portay'
export default {
  props: ['comInfo', 'isTm'],
  data() {
    return {
      activeIndex: 'a',
      list: [
        // { text: '纳税资质', disabled: false },
        { text: 'A级纳税人', disabled: false,id:'ajnsr' },
        // {text:'重大税收违法信息',disabled:false},
        { text: '增值税信息', disabled: false ,id:'zzsxx' },
        { text: '企业所得税信息', disabled: false ,id:'qysdsxx'},
        // { text: '欠税信息', disabled: false },
        { text: '私营企业增值税', disabled: false ,id:'syqyzzs'},
        { text: '私营企业所得税', disabled: false ,id:'syqyzsds'},
        { text: '股份制企业增值税', disabled: false ,id:'gfzqyzzs'},
        { text: '其他增值税', disabled: false ,id:'qtzzs'},
        { text: '其他股份制企业所得税', disabled: false ,id:'qtgfzqysds'},
        { text: '出口货物退增值税', disabled: false ,id:'ckhwtzzs'},
        
      ],
      qualificationData: [],
      taxData: [],
      zdData: [],
      pagination1: {
        page: 1,
        total: 0,
      },
      taxMoreData: [],
      pagination2: {
        page: 1,
        total: 0,
      },
      zdMoreData: [],
      paginationOwing: {
        page: 1,
        total: 0,
      },
      owingData: [],
      owingMoreData: [],
      dialogVisible1: false,
      dialogVisible2: false,
      dialogVisibleOwing: false,
      loading1: false,
      loading2: false,
      loadingQualification: false,
      loadingOwing: false,
      /* 增值税 */
      zzsData:[],
      zzsMoreData:[],
      loadingZzs:false,
      dialogVisibleZzs:false,
      paginationZzs:{
        page:1,
        total:0
      },
       /* 企业所得税税 */
      sdsData:[],
      sdsMoreData:[],
      loadingSds:false,
      dialogVisibleSds:false,
      paginationSds:{
        page:1,
        total:0
      },
     // 私营企业增值税
      syqyzzsData:[],
      syqyzzsMoreData:[],
      loadingSyqyzzs:false,
      dialogVisibleSyqyzzs:false,
      paginationSyqyzzs:{
        page:1,
        total:0
      },
    // 私营企业所得税
      syqysdsData:[],
      syqysdsMoreData:[],
      loadingSyqysds:false,
      dialogVisibleSyqysds:false,
      paginationSyqysds:{
        page:1,
        total:0
      }, 
      // 股份制企业增值税
      gfzqyzzsData:[],
      gfzqyzzsMoreData:[],
      loadingGfzqyzzs:false,
      dialogVisibleGfzqyzzs:false,
      paginationGfzqyzzs:{
        page:1,
        total:0
      }, 
      //其他增值税
      qtzzsData:[],
      qtzzsMoreData:[],
      loadingQtzzs:false,
      dialogVisibleQtzzs:false,
      paginationQtzzs:{
        page:1,
        total:0
      }, 
      //其他股份制企业所得税
      qtgfzqysdsData:[],
      qtgfzqysdsMoreData:[],
      loadingQtgfzqysds:false,
      dialogVisibleQtgfzqysds:false,
      paginationQtgfzqysds:{
        page:1,
        total:0
      }, 
      //出口货物退增值税
      ckhwtzzsData:[],
      ckhwtzzsMoreData:[],
      loadingCkhwtzzs:false,
      dialogVisibleCkhwtzzs:false,
      paginationCkhwtzzs:{
        page:1,
        total:0
      }, 
    }
  },
  created() {},
  watch: {
    comInfo: {
      handler(newVal, oldVal) {
        if (newVal.shtyxydm) {
          //this.getQualification()
          this.payTaxes()
          // this.taxIllegal();
          //this.getOwing()
          this.getZzsDataInfo()
          this.getSdsDataInfo()
          this.getSyqyzzs()
          this.getSyqysds()
          this.getGfzqyzzs()
          this.getQtzzs()
          this.getQtgfzqysds()
          this.getCkhwtzzs()
        }
      },
      deep: true,
      immediate: true,
    },
  },
  mounted() {},
  methods: {
    //纳税资质
    getQualification() {
      this.loadingQualification = true
      let index = this.list.findIndex((item) => item.text == '纳税资质')
      nszz({ TYSHXYDM: this.comInfo.shtyxydm }).then((res) => {
        this.loadingQualification = false
        this.qualificationData = res.data.records
        this.list[index].num = res.data.records.length
      })
    },

    //私营企业增值税
    getSyqyzzs(){
      this.loadingSyqyzzs = true
      let index = this.list.findIndex((item) => item.text == '私营企业增值税')
      getSyqyzzs({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        //console.log('私营企业增值税',res)
        this.loadingSyqyzzs = false
        this.syqyzzsData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //私营企业增值税查看更多
    handelCheckSyqyzzs() {
      this.dialogVisibleSyqyzzs = true
      this.handelSyqyzzsChange(1)
    },
     //私营企业增值税查看更多分页
    handelSyqyzzsChange(val) {
      this.paginationSyqyzzs.page = val
      getSyqyzzs({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.syqyzzsMoreData = res.data.records
        this.paginationSyqyzzs.total = Number(res.data.total)
      })
    },
    //私营企业所得税
    getSyqysds(){
      this.loadingSyqysds = true
      let index = this.list.findIndex((item) => item.text == '私营企业所得税')
      getSyqysds({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        //console.log('私营企业所得税',res)
        this.loadingSyqysds= false
        this.syqysdsData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //私营企业所得税查看更多
    handelCheckSyqysds() {
      this.dialogVisibleSyqysds= true
      this.handelSyqysdsChange(1)
    },
     //私营企业所得税查看更多分页
     handelSyqysdsChange(val) {
      this.paginationSyqysds.page = val
      getSyqysds({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.syqysdsMoreData = res.data.records
        this.paginationSyqysds.total = Number(res.data.total)
      })
    },
    //股份制企业增值税
    getGfzqyzzs(){
      this.loadingGfzqyzzs = true
      let index = this.list.findIndex((item) => item.text == '股份制企业增值税')
      getGfzqyzzs({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        //console.log('股份制企业增值税',res)
        this.loadingGfzqyzzs= false
        this.gfzqyzzsData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //股份制企业增值税查看更多
    handelCheckGfzqyzzs() {
      this.dialogVisibleGfzqyzzs= true
      this.handelGfzqyzzsChange(1)
    },
     //股份制企业增值税查看更多分页
     handelGfzqyzzsChange(val) {
      this.paginationGfzqyzzs.page = val
      getGfzqyzzs({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.gfzqyzzsMoreData = res.data.records
        this.paginationGfzqyzzs.total = Number(res.data.total)
      })
    },

    //其他增值税
    getQtzzs(){
      this.loadingQtzzs= true
      let index = this.list.findIndex((item) => item.text == '其他增值税')
      getQtzzs({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        //console.log('其他增值税',res)
        this.loadingQtzzs= false
        this.qtzzsData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //其他增值税查看更多
    handelCheckQtzzs() {
      this.dialogVisibleQtzzs= true
      this.handelQtzzsChange(1)
    },
     //其他增值税查看更多分页
     handelQtzzsChange(val) {
      this.paginationQtzzs.page = val
      getQtzzs({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.qtzzsMoreData = res.data.records
        this.paginationQtzzs.total = Number(res.data.total)
      })
    },

    //其他股份制企业所得税 
    getQtgfzqysds(){
      this.loadingQtgfzqysds= true
      let index = this.list.findIndex((item) => item.text == '其他股份制企业所得税')
      getQtgfzqysds({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        //console.log('其他股份制企业所得税',res)
        this.loadingQtgfzqysds= false
        this.qtgfzqysdsData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //其他股份制企业所得税 查看更多
    handelCheckQtgfzqysds() {
      this.dialogVisibleQtgfzqysds= true
      this.handelQtgfzqysdsChange(1)
    },
     //其他股份制企业所得税 查看更多分页
     handelQtgfzqysdsChange(val) {
      this.paginationQtgfzqysds.page = val
      getQtgfzqysds({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.qtgfzqysdsMoreData = res.data.records
        this.paginationQtgfzqysds.total = Number(res.data.total)
      })
    },

    //出口货物退增值税
    getCkhwtzzs(){
      this.loadingCkhwtzzs= true
      let index = this.list.findIndex((item) => item.text == '出口货物退增值税')
      getCkhwtzzs({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
       // console.log('出口货物退增值税',res)
        this.loadingCkhwtzzs= false
        this.ckhwtzzsData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //出口货物退增值税 查看更多
    handelCheckCkhwtzzs() {
      this.dialogVisibleCkhwtzzs= true
      this.handelCkhwtzzsChange(1)
    },
     //出口货物退增值税 查看更多分页
     handelCkhwtzzsChange(val) {
      this.paginationCkhwtzzs.page = val
      getCkhwtzzs({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.ckhwtzzsMoreData = res.data.records
        this.paginationCkhwtzzs.total = Number(res.data.total)
      })
    },
    //A级纳税人
    payTaxes() {
      this.loading1 = true
      let index = this.list.findIndex((item) => item.text == 'A级纳税人')
      payTaxes({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading1 = false
        this.taxData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //A级纳税人查看更多
    handelCheckTaxA() {
      this.dialogVisible1 = true
      this.pagination1.page = 1
      payTaxes({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.taxMoreData = res.data.records
        this.pagination1.total = Number(res.data.total)
      })
    },
    //A级纳税人查看更多分页
    aLevelChange(val) {
      this.pagination1.page = val
      payTaxes({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.taxMoreData = res.data.records
      })
    },
     //增值税信息
     getZzsDataInfo() {
      this.loadingZzs = true
      let index = this.list.findIndex((item) => item.text == '增值税信息')
      getAdministrative({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingZzs = false
        this.zzsData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //增值税信息查看更多
    handelCheckZzs() {
      this.dialogVisibleZzs = true
      this.paginationZzs.page = 1
      getAdministrative({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.zzsMoreData = res.data.records
        this.paginationZzs.total = Number(res.data.total)
      })
    },
    //增值税信息查看更多分页
    handelZzsChange(val) {
      this.paginationZzs.page = val
      getAdministrative({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.zzsMoreData = res.data.records
      })
    },
    //企业所得税信息
    getSdsDataInfo() {
      this.loadingSds = true
      let index = this.list.findIndex((item) => item.text == '企业所得税信息')
      getQysdsinfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loadingSds = false
        this.sdsData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //企业所得税信息查看更多
    handelCheckSds() {
      this.dialogVisibleSds = true
      this.paginationSds.page = 1
      getQysdsinfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.sdsMoreData = res.data.records
        this.paginationSds.total = Number(res.data.total)
      })
    },
    //企业所得税信息查看更多分页
    handelSdsChange(val) {
      this.paginationSds.page = val
      getQysdsinfo({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.sdsMoreData = res.data.records
      })
    },
    //重大税收违法信息
    taxIllegal() {
      this.loading2 = true
      let index = this.list.findIndex((item) => item.text == '重大税收违法信息')
      taxIllegal({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 2,
      }).then((res) => {
        this.loading2 = false
        this.zdData = res.data.records
        this.list[index].num = res.data.total
      })
    },
    //重大税收违法信息查看更多
    handelCheckIllegalInfo() {
      this.dialogVisible2 = true
      this.pagination2.page = 1
      taxIllegal({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: 1,
        pageSize: 10,
      }).then((res) => {
        this.zdMoreData = res.data.records
        this.pagination2.total = Number(res.data.total)
      })
    },
    //重大税收违法信息查看更多分页
    zdTaxChange(val) {
      this.pagination2.page = val
      taxIllegal({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.taxMoreData = res.data.records
      })
    },
    //欠税信息
    getOwing() {
      this.loadingOwing = true
      let index = this.list.findIndex((item) => item.text == '欠税信息')
      qsxx({ TYSHXYDM: this.comInfo.shtyxydm, pageNum: 1, pageSize: 2 }).then(
        (res) => {
          this.loadingOwing = false
          this.owingData = res.data.records
          this.list[index].num = res.data.total
        }
      )
    },
    //欠税信息更多
    handelCheckOwing() {
      this.dialogVisibleOwing = true
      this.paginationOwing.page = 1
      qsxx({ TYSHXYDM: this.comInfo.shtyxydm, pageNum: 1, pageSize: 10 }).then(
        (res) => {
          this.owingMoreData = res.data.records
          this.paginationOwing.total = Number(res.data.total)
        }
      )
    },
    //欠税信息更多分页
    owingChange(val) {
      this.paginationOwing.page = val
      qsxx({
        TYSHXYDM: this.comInfo.shtyxydm,
        pageNum: val,
        pageSize: 10,
      }).then((res) => {
        this.owingMoreData = res.data.records
      })
    },
    // 点击导航栏，滚动条移动到内容所对应的位置
    goAssignBlock(el, speed, index) {
     // el = 'panelRef1'
      this.activeIndex = index
      let windowH = window.innerHeight //浏览器窗口高度
      let h = this.$refs[el].offsetHeight //模块内容高度

      let t = this.$refs[el].offsetTop //模块相对于内容顶部的距离
      let top = t - (windowH - h) / 2 //需要滚动到的位置，若改为 t 则滚动到模块顶部位置，此处是滚动到模块相对于窗口垂直居中的位置
      let scrollTop =
        window.pageYOffset ||
        document.documentElement.scrollTop ||
        document.body.scrollTop //滚动条距离顶部高度
      let currentTop = scrollTop //默认滚动位置为当前滚动条位置，若改为0，则每次都会从顶部滚动到指定位置
      let requestId
      //采用requestAnimationFrame，平滑动画
      function step() {
        //判断让滚动条向上滚还是向下滚
        if (scrollTop < top) {
          if (currentTop <= top) {
            //   window.scrollTo(x,y) y为上下滚动位置
            window.scrollTo(0, currentTop)
            requestId = window.requestAnimationFrame(step)
          } else {
            window.cancelAnimationFrame(requestId)
          }
          //向下滚动
          currentTop += speed
        } else {
          if (top <= currentTop) {
            //注：此处 - speed 是解决居中时存在的问题，可自行设置或去掉
            window.scrollTo(0, currentTop - speed)
            requestId = window.requestAnimationFrame(step)
          } else {
            window.cancelAnimationFrame(requestId)
          }
          //向上滚动
          currentTop -= speed
        }
      }
      window.requestAnimationFrame(step)
    },
  },
}
</script>

<style scoped="scoped" lang="scss">
.containter {
  width: 100%;
  .step {
    ol.titt {
      // height: 160px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      background-color: #fff;
      margin: 0;
      padding: 0;
      font-size: 14px;
      position: fixed;
      top: 350px;
      right: 24px;
      z-index: 999;
    }
    .tittItem {
      margin-bottom: 10px;
    }
    ol.titt .button {
      width: 150px;
      margin: 0;
    }
    ol.titt .button.cur {
      background-color: #5591f5;
      color: #fff;
    }
  }
  .basicInfo {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    padding: 12px 174px 12px 24px;
    margin-top: 20px;
    p {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
.title {
  font-size: 18px;
  font-weight: 900;
}
.glqy {
  color: #4a8bf6;
  margin-left: 24px;
}
.glqy:hover {
  cursor: pointer;
}
.item {
  margin-top: 4px;
  margin-right: 16px;
}
</style>
<style>
.dialog {
  border-radius: 10px;
  padding-bottom: 50px;
}
.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*height:600px;*/
  max-height: calc(100% - 200px);
  max-width: calc(100% - 30px);
}
.el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
}
.pagination {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
</style>